<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!-- Start of Page Container -->
<div class="page-container">
	<div class="container">
		<div class="row">

			<!-- start of page content -->
			<div class="span8 page-content">

				<ul class="breadcrumb">
					<li><a href="#">Knowledge Base Theme</a><span class="divider">/</span></li>
					<li><a href="#"
						title="View all posts in Server &amp; Database">Server &amp;
							Database</a> <span class="divider">/</span></li>
					<li class="active">Integrating WordPress with Your Website</li>
				</ul>

				<article class=" type-post format-standard hentry clearfix">

					<h1 class="post-title">
						<a href="#">${topic.title}</a>
					</h1>

					<div class="post-meta clearfix">
						<span class="date">25 Feb, 2013</span> <span class="category"><a
							href="#" title="View all posts in Server &amp; Database">Server
								&amp; Database</a></span> <span class="comments"><a href="#"
							title="Comment on Integrating WordPress with Your Website">3
								Comments</a></span> <span class="like-count">66</span>
					</div>
					<!-- end of post meta -->

					<p>${topic.content}</p>

				</article>

				<div class="like-btn">

					<form id="like-it-form" action="#" method="post">
						<span class="like-it ">66</span> <input type="hidden"
							name="post_id" value="99"> <input type="hidden"
							name="action" value="like_it">
					</form>

					<span class="tags"> <strong>Tags:&nbsp;&nbsp;</strong><a
						href="#" rel="tag">basic</a>, <a href="#" rel="tag">setting</a>, <a
						href="http://knowledgebase.inspirythemes.com/tag/website/"
						rel="tag">website</a>
					</span>

				</div>

				<section id="comments">

					<h3 id="comments-title">(${fn:length(replys)}) 回复帖子</h3>

					<ol class="commentlist">
						<c:choose>
							<c:when test="${replys != null && fn:length(replys) > 0}">
								<c:forEach items="${replys}" var="reply">
								<li class="comment even thread-even depth-1" id="li-comment-2">
							<article id="comment-2">

								<a href="#"> <img alt=""
									src="http://1.gravatar.com/avatar/50a7625001317a58444a20ece817aeca?s=60&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G"
									class="avatar avatar-60 photo" height="60" width="60">
								</a>

								<div class="comment-meta">

									<h5 class="author">
										<cite class="fn"> <a href="#" rel="external nofollow"
											class="url">${reply.account}</a>
										</cite> - <a class="comment-reply-link" href="#">Reply</a>
									</h5>

									<p class="date">
										<a href="#"> <time datetime="2013-02-26T13:18:47+00:00">${reply.replyDate }</time>
										</a>
									</p>

								</div>
								<!-- end .comment-meta -->

								<div class="comment-body">
									<p>${reply.content }</p>
								</div>
								<!-- end of comment-body -->

							</article>
							<!-- end of comment -->
						</li>
								</c:forEach>
							</c:when>
							<c:otherwise>暂无回复信息</c:otherwise>
						</c:choose>
					</ol>

					<div id="respond">

						<h3>快速回复</h3>

						<div class="cancel-comment-reply">
							<a rel="nofollow" id="cancel-comment-reply-link" href="#"
								style="display: none;">Click here to cancel reply.</a>
						</div>


						<form action="user_reply_topic" method="post" id="commentform">
							<input type="hidden" name="reply.topicId" value="${topic.topicId}">
							<div>
								<label for="comment">Comment</label>
								<textarea class="span8" name="reply.content" id="comment" cols="58"
									rows="10"></textarea>
							</div>

							<div>
								<input class="btn" name="submit" type="submit" id="submit"
									value="Submit Comment">
							</div>

						</form>

					</div>

				</section>
				<!-- end of comments -->

			</div>
			<!-- end of page content -->

		</div>
	</div>
</div>
<!-- End of Page Container -->